<template>
  <div class="welfare-success">
    <img src="@/assets/gongyizhifu05.png" class="logo" alt="">
    <span class="title">捐款成功</span>
    <span class="tip">智保天赋感谢您的支持！<br>此项目可在“公益首页-公益项目公示”中查看进度</span>
    <span class="btn" @click="router({path: './publicWelfare'})">返回公益</span>
  </div>
</template>

<script>


  export default {
    components: {
    },
    data () {
      return {
      }
    },
    created () {
    },
    methods: {
      router (path) {
        this.$router.push(path)
      },
    }
  }
</script>

<style lang="stylus" scoped>
.welfare-success
  width 100%
  height 100vh
  background-color #fff
  .logo
    position absolute
    width 6.7rem
    top 10rem
    left 50%
    margin-left -3.35rem
  .title
    position absolute
    width 80%
    left 10%
    text-align center
    color #313133
    font-size 2rem
    top 22.5rem
  .tip
    position absolute
    text-align center
    color #666
    font-size 1.3rem
    top 26.5rem
    width 100%
  .btn
    width 16rem
    height 4rem
    line-height 4rem
    text-align center
    left 50%
    margin-left -8rem
    position absolute
    top 33rem
    border: 1px solid #172F6D
    background-color #fff
    color #172F6D
    border-radius 100px
    font-size 1.6rem
    font-weight 500
</style>
